<template>
  <!-- 基层动态 -->
  <div class="container">
    <van-tabs v-model="active">
      <van-tab title="支部动态">
        <article-list id="47e64d807cd84fa5bcd9d4a0cc9ac16e"></article-list>
      </van-tab>
      <van-tab title="小组动态">
        <article-list id="b9ca85fae89f4298ab21420cbabaeb48"></article-list>
      </van-tab>
    </van-tabs>
  </div>
</template>
<script>
import articleList from '@/components/article-list';

export default {
  components: {
    articleList
  },
  data () {
    return {
      active: 0
    }
  },
  created () {},
  methods: {
    onClickLeft () {
      this.$router.back()
    }
  }
}
</script>
<style lang="less" scoped>
.van-tabs {
  /deep/ .van-tabs__nav {
    .van-tab--active {
      color: #f0321d;
    }
    .van-tabs__line {
      height: 2px;
      background-color: #f0321d;
    }
  }
}
</style>
